﻿@using System.Collections
@using SimpleScrum.Areas.Scrum.Models
@using SimpleScrum.Core.Entities
@{
    var organizationModel = new OrganizationModel();
    var organizations = organizationModel.GetOrganizations();
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="~/Content/Customize/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Customize/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Content/Customize/css/font-awesome.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/fonts.googleapis.com/css5c0a.css?family=Open+Sans:400,300" />
    <link rel="stylesheet" href="~/Content/Customize/css/scrum.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/scrum-responsive.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/scrum-skins.min.css" />
</head>
<body>
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a href="#" class="brand">
                    <small><i class="icon-cloud"></i>&nbsp;Simple Scrum</small>
                </a>
                <ul class="nav scrum-nav pull-right">
                    <li class="light-blue">
                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                            <img class="nav-user-photo" src="~/Content/Customize/avatars/avatar2.png" alt="Jason's Photo" />
                            <span class="user-info"><small>Welcome,</small>@User.Identity.Name</span>
                            <i class="icon-caret-down"></i>
                        </a>
                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                            <li>
                                <a href="#"><i class="icon-cog"></i>Settings</a>
                            </li>
                            <li>
                                <a href="#"><i class="icon-user"></i>Profile</a>

                            </li>
                            <li class="divider"></li>
                            <li class="text-center">
                                @using (Html.BeginForm("LogOff", "DashBoard", FormMethod.Post, new { id = "logoutForm", @class = "menu-text" }))
                                {
                                    @Html.AntiForgeryToken()
                                    <a href="javascript:document.getElementById('logoutForm').submit()" class="middle">
                                        <i class="icon-power-off"></i><span class="menu-text">Logout</span>
                                    </a>
                                }
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main-container container-fluid">
        <!--PAGE CONTENT BEGINS-->
        <div class="page-content">
            @if (IsSectionDefined("featured"))
            {
                <div class="row-fluid">
                    <div class="span12">
                        <div class="hero-unit">
                            @RenderSection("featured", required: false)
                        </div>
                    </div>
                </div>
            }
            <div class="container span7 offset3">
                @RenderBody()
            </div>
                
        </div>
        <!--/.page-content-->
        <!--PAGE CONTENT ENDS-->
        <div class="scrum-settings-container" id="scrum-settings-container">
            <div class="btn btn-app btn-mini btn-warning scrum-settings-btn" id="scrum-settings-btn">
                <i class="icon-cog bigger-150"></i>
            </div>
            <div class="scrum-settings-box" id="scrum-settings-box">
                <div>
                    <div class="pull-left">
                        <select id="skin-colorpicker" class="hide">
                            <option data-class="default" value="#438EB9">#438EB9</option>
                            <option data-class="skin-1" value="#222A2D">#222A2D</option>
                            <option data-class="skin-2" value="#C6487E">#C6487E</option>
                            <option data-class="skin-3" value="#D0D0D0">#D0D0D0</option>
                        </select>
                    </div>
                    <span>&nbsp; Choose Skin</span>
                </div>
                <div>
                    <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-header" />
                    <label class="lbl" for="scrum-settings-header">Fixed Header</label>
                </div>
                <div>
                    <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-sidebar" />
                    <label class="lbl" for="scrum-settings-sidebar">Fixed Sidebar</label>
                </div>
                <div>
                    <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-breadcrumbs" />
                    <label class="lbl" for="scrum-settings-breadcrumbs">Fixed Breadcrumbs</label>
                </div>
                <div>
                    <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-rtl" />
                    <label class="lbl" for="scrum-settings-rtl">Right To Left (rtl)</label>
                </div>
            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-small btn-inverse">
        <i class="icon-double-angle-up icon-only bigger-110"></i>
    </a>

    <script src="~/Content/Customize/ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='~/Content/Customize/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
    </script>
    <script type="text/javascript">
        if ("ontouchend" in document) document.write("<script src='~/Content/Customize/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="~/Content/Customize/js/bootstrap.min.js"></script>
    <script src="~/Content/Customize/js/scrum-elements.min.js"></script>
    <script src="~/Content/Customize/js/scrum.min.js"></script>
    @RenderSection("scripts", required: false)
    @RenderSection("scriptsText", required: false)
</body>

</html>